.container{
    margin-left: 200px;
    margin-top: 100px;
    width: 80%;
    height: 800px;
    border: 1px solid silver;
    display: flex;
    justify-content: space-between;
}
.container > div{
    width: 200px;
    height: 200px;
}

.center_cube_right{
    background: linear-gradient(to bottom, #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%);
    align-self: center;
}

.center_cube_left{
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
    align-self: center;
    
}

.cube_right{  
    background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
    align-self: flex-end;
    transition: width, height, transform;
    transition-duration: 3s;
}

.cube_left{
    background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
 transition-property: margin;
 transition-duration: 3s;
 
}
.cube_left:hover{
    margin: 100px 100px 100px 100px;
}

.cube_right:hover{
    height: 300px;
    width: 300px;
    transform: rotate(45deg);
}